body {
  min-height: 2000px;
  background: #000000;
}

.banner-container {
  position: relative;
  .dotted-item-box {
    position: absolute;
    bottom: 28px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0;
    li {
      display: inline-block;
      width: 44px;
      height: 6px;
      border-radius: 10px;
      background: #40436f;
      margin: 0 2px;
      cursor: pointer;
      &.active {
        background: #cc1836;
      }
    }
  }
  .arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    &.left-arrow {
      left: 44px
    }
    &.right-arrow {
      right: 44px;
    }
  }
}

.banner-bottom-container {
  width: 100%;
  height: 7600px;
  background: url("../images/home_bg.jpg") no-repeat top center;
  background-size: 100% 100%;
  padding-top: 74px;
  position: relative;
  .diqiu {
    position: absolute;
    right: 0;
    top: 520px;
  }
}

.content-jiao-hu {
  position: relative;
  width: 485px;
  height: 380px;
  font-size: 20px;
  color: #fff;
  background: rgba(0, 0, 0, .5);
  margin-top: 75px;
  .jiao-hu-title {
    > img {
      width: 350px;
    }
  }
  .text {
    width: 335px;
    display: inline-block;
    text-align: left;
    font-family: 宋体;
    line-height: 40px;
  }
  .small-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    &.left-arrow {
      left: 0;
    }
    &.right-arrow {
      right: 0;
    }
  }
}

.video-box {
  width: 621px;
  height: 349px;
  position: relative;
  margin-top: 46px;
  padding-left: 16px;
  padding-top: 14px;
  .video {
    width: 590px;
    height: 320px;
    //padding:10px;
    //padding-top: 18px;
    //padding-left: 18px;
  }
  .video-border {
    width: 100%;
    height: 100%;
    background: url("../images/video-border.png") no-repeat top center;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .playBtn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}

.vr-yun-zhan-guang-box {
  .imgScale{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  margin-top: 300px;
  position: relative;
  .guide {
    font-size: 18px;
    color: #fff;
    position: absolute;
    left: 10px;
    top: 418px;
    div:first-child {
      width: 180px;
      margin-right: 10px;
    }
  }
  .vr-yun-zhan-guang-content {
    margin-top: 60px;
    .left {
      width: 392px;
      height:631px;
      position: relative;
      overflow: hidden;
      >img{
        -webkit-transition: all 0.6s;
        -moz-transition: all 0.6s;
        -ms-transition: all 0.6s;
        -o-transition: all 0.6s;
        transition: all 0.6s;
      }
    }
    .right {
      .fl {
        margin-top: 5px;
        margin-left: 5px;
        position: relative;
        overflow: hidden;
        &:first-child{
          width: 392px;
          height: 304px;
        }
        &:nth-child(2){
          width: 389px;
          height: 304px;
        }
        &:nth-child(3){
          width: 490px;
          height: 308px;
        }
        &:nth-child(4){
          width: 291px;
          height: 308px;
        }
        >img{
          -webkit-transition: all 0.6s;
          -moz-transition: all 0.6s;
          -ms-transition: all 0.6s;
          -o-transition: all 0.6s;
          transition: all 0.6s;
        }
      }
    }
    .mask {
      display: none;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, .73);
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
    }
    .mask-text {
      display: none;
      position: absolute;
      left: 20px;
      bottom: 22px;
      color: #fff;
      .title {
        font-size: 30px;
        font-family: 宋体;
      }
      .desc {
        font-size: 18px;
        line-height: 36px;
        width: 220px;
      }
    }
  }
}

.gong-ye-container {
  margin-top: 270px;
  position: relative;
  .person {
    position: absolute;
    left: 0;
    top: -344px;
  }
  .huojing {
    position: absolute;
    right: 0;
    top: 196px;
  }
}

.gong-ye-item-box {
  width: 806px;
  margin: 68px auto 0;
  .imgScale{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  .gong-ye-item {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    &:nth-child(1){
      width:413px;
      height:570px;
    }
    &:nth-child(2){
      width:385px;
      height:282px;
    }
    &:nth-child(3){
      width:385px;
      height:282px;
    }
    &:nth-child(4){
      width:795px;
      height:345px;
    }
    >img{
      -webkit-transition: all 0.6s;
      -moz-transition: all 0.6s;
      -ms-transition: all 0.6s;
      -o-transition: all 0.6s;
      transition: all 0.6s;
    }
    .bottom-text {
      display: none;
      width: 100%;
      height: 43px;
      position: absolute;
      left: 0px;
      bottom: 0px;
      background: rgba(0, 0, 0, .66);
      line-height: 43px;
      font-size: 24px;
      font-family: 宋体;
      color: #fff;
      padding-left: 17px;
      //&.last-current {
      //  width: 98%;
      //}
    }
  }

}

.yun-qing-zhan-box {
  margin-top: 284px;
  .video-big-box {
    position: relative;
  }
  .big-bg {
    margin-left: -20px;
  }
  .video-container {
    width: 253px;
    height: 411px;
    //background: #000000;
    position: absolute;
    top: 417px;
    left: 50%;
    transform: translateX(-50%);
  }
  .center-video {
    width: 253px;
    height: 411px;
    display: none;
    background: #000;
  }
  .small_playBtn {
    width: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
  }
}

.qi_ye_container {
  margin-top: 420px;
  position: relative;
  .hui_se_di_tu {
    position: absolute;
    right: 0;
    top: -510px;
  }
  .title-qi-ye {
    margin-top: 154px;
    .left-list-click {
      width: 476px;
      height: 412px;
      background: url("../images/qiyexingxiang.png") no-repeat top center;
      background-size: 100% 100%;
      padding-left: 56px;
      padding-top: 54px;
      li {
        height: 80px;
        overflow: hidden;
        cursor: pointer;
        &.active {
          .img-arrow {
            display: block;
          }
          .list-tab1 {
            background-image: url("../images/vide_title_1_hover.png");
          }
          .list-tab2 {
            background-image: url("../images/vide_title_2_hover.png");
          }
          .list-tab3 {
            background-image: url("../images/vide_title_3_hover.png");
          }
          .list-tab4 {
            background-image: url("../images/vide_title_4_hover.png");
          }
        }
        > div {
          float: left;
        }
        .img-arrow {
          padding-top: 7px;
          display: none;
        }
      }
      .common-style {
        height: 80px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
      }
      .list-tab1 {
        width: 316px;
        background-image: url("../images/vide_title_1.png");
        &.hover {
          background-image: url("../images/vide_title_1_hover.png");
        }
      }
      .list-tab2 {
        width: 239px;
        background-image: url("../images/vide_title_2.png");
        &.hover {
          background-image: url("../images/vide_title_4_hover.png");
        }
      }
      .list-tab3 {
        width: 198px;
        background-image: url("../images/vide_title_3.png");
        &.hover {
          background-image: url("../images/vide_title_4_hover.png");
        }
      }
      .list-tab4 {
        width: 164px;
        background-image: url("../images/vide_title_4.png");
        &.hover {
          background-image: url("../images/vide_title_4_hover.png");
        }
      }
    }
    .right-video-list-box {
      width: 719px;
      height: 414px;
      background: url("../images/home_mac_bg.png") no-repeat top center;
      background-size: 100% 100%;
      position: relative;
      .right-video-item {
        width: 507px;
        height: 316px;
        position: absolute;
        left: 50%;
        top: 35px;
        transform: translateX(-50%);
        > img {
          cursor: pointer;
        }
        > video {
          width: 100%;
          height: 100%;
          display: none;
        }
      }
    }
  }
}

.contact-box {
  margin-top: 300px;
  .red {
    color: #df080a;
    font-size: 15px;
    margin-right: 10px;
  }
  .font-famliy {
    font-family: 宋体;
    color: #fff;
    font-size: 24px;
  }
  .title {
    margin-bottom: 64px;
  }
  .form-box {
    width: 1173px;
    height: 591px;
    margin: 0 auto;
    background: url("../images/contact_border.png") no-repeat top center;
    background-size: 100% 100%;
    padding-top: 120px;
    padding-left: 70px;
    input, select, textarea {
      border: 1px solid #018a96;
      background: transparent;
      border-radius: 5px;
      font-size: 16px;
    }
    .center {
      margin-left: 35px;
      margin-right: 56px;
    }
    input, select {
      height: 36px;
      margin-left: 18px;
    }
    .input-box {
      margin-bottom: 80px;
      padding-left: 32px;
      input {
        color: #ccc;
        padding-left: 10px;
        &.name {
          width: 148px;
        }
        &.phone {
          width: 204px;
        }
      }
      select {
        width: 158px;
        color: #ccc;
      }
    }
    .textarea {
      width: 864px;
      height: 168px;
      padding: 15px;
      color: #ccc;
      margin-left: 20px;
    }

  }
}

//覆盖 swiper 样式
.swiper-button-prev, .swiper-button-next {
  width: 71px;
  height: 71px;
  display: none;
}

.swiper-button-prev {
  left: 44px;
  background: url("../images/banner-left-arrow.png");
}

.swiper-button-next {
  right: 44px;
  background: url("../images/banner-right-arrow.png");
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 28px;
}

.swiper-pagination-bullet {
  width: 44px;
  height: 6px;
  border-radius: 10px;
  margin: 0 2px;
  cursor: pointer;
  background: #40436f;
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background: #cc1836;
}

.swiper-container2 {
  .swiper-button-prev, .swiper-button-next {
    display: block;
    width: 30px;
    height: 36px;
    top: 65%;
  }
  .swiper-button-prev {
    left: 2px;
    background: url("../images/samll-arror-left.png");
  }

  .swiper-button-next {
    right: 2px;
    background: url("../images/samll-arror-right.png");
  }

}

